/********************************************
RESET
********************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/***********************************************
Clear Fix
***********************************************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%;}
.clearfix {display: block;}

.clear {
    height: 0;
    visibility: hidden;
    display:none;
}

/****************************
TYPOGRAPHY
****************************/
body {
    color:#000;
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height:1.5em;
}

a {color:#000; font-weight:normal; text-decoration:none}
a:hover {color: #555; text-decoration:underline}

p {margin:.2em 0 1em 0;}
ul,ol,dl {margin:0;}

blockquote{
    color:#333;
    font-style:italic;
    font-size:14px;
    margin: .75em 1.3em;
    padding:0 46px;
}

/*****************************
HEADINGS
*****************************/
h1,h2,h3,h4,h5,h6 {
    color: #444;
	margin:.5em 0 .25em 0;
	letter-spacing:-0.07em;
	line-height:1;
	font-weight:bold;
}

h1, .h1 {
	_margin-top: .5em;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 18px;
	margin-top: 5px;
	padding-left: 0;
}
h2, .h2 {
	_margin-top: 8px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 8px;
	padding-left: 6px;
	padding-top: 4px;
}

/*****************************
LISTS
*****************************/
dt {font-weight:bold;}
dd {margin-left:1.3em;}

/***************************
SEMANTIC INLINE ELEMENTS
***************************/
abbr,acronym {
	border-bottom: 1px dotted #333;
	font-size:85%;
    letter-spacing:0.1em;
    text-transform:uppercase;
}
sub{vertical-align: sub;font-size:.8em;}
sup{vertical-align: super;font-size:.8em;}
/***************************************
SEMANTIC ELEMENTS AND THEIR EQUIVALENTS
***************************************/
samp, var, pre, code, tt{font-family: monospace, monospace;white-space: pre;} 
s, del{text-decoration: line-through;} 
i, em, cite, dfn{font-style: italic;} 
b, strong, th{font-weight: bold;}
ins, u {text-decoration: underline;}
hr {
    display:none;
}
/*************************
Non-semantic elements
*************************/
small {font-size:.7em;}
big {font-size:1.3em;}

/*****************************
TABLES
*****************************/
table{ 
    border-collapse: collapse;  
    position: relative; 
    width:100%;
}

th, td {border:1px solid #ccc;}
thead th, thead td { padding-top: 7px; }
tfoot th, tfoot td { padding-bottom: 8px; }

th {
    color:#636363; 
    font-weight:bold;
    text-shadow: 0 1px 1px #eee;
}

table tr.header-row,
table tr.header-row-2 {
	background: #2d91c3;
	background: -moz-linear-gradient(top, #2d91c3, #1d507d);
	background: -webkit-gradient(linear, left top, left bottom, from(#2d91c3), to(#1d507d));
	border: 1px solid #1d507d;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	color: #fff;
	font-size: 10px;
	height: 20px;
	khtml-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
}
table .header-row-2 th, table .header-row-2 td {border: 1px solid #333;}
table .header-row td {border: 1px solid #000000;}

table .alternate-row {background-color: #ddd;}

tbody td {padding: 5px;vertical-align: middle;}

table tr td > div {font-size: 11px;margin: 2px 0 0;}
table tr td > span {font-size: 11px;}

caption	{ top: 5px; margin-bottom: 18px; }

table .header-row-2 a {color: #ffffff;}
table .sort-order-asc {background: url(../images/arrow-gr-up.png) no-repeat right; padding-right: 15px;}
table .sort-order-desc {background: url(../images/arrow-gr-dw.png) no-repeat right;padding-right: 15px;}
table .sort-order {background: transparent;padding-right: 15px;}

table .collapsed {visibility: collapse;}
table .selected {background: #FFFCCF;}
table .alternate-rowSelected {background: #FFF55F;}

/*****************************
FORMS
*****************************/
form {margin:0; padding:0}

form p.desc {margin:.5em 0; padding:.75em 0;}

fieldset {margin: 0 0 0.5em 0;}
form fieldset.col, form fieldset div.col {clear:none; float:left; display:inline; margin:0 2em 2em 0; width:45%}

legend {padding: 0 0 1.286em; font-size: 1.167em; font-weight: 700;}
fieldset fieldset legend {padding: 0 0 1.5em; font-size: 1em;}
* html legend {margin-left: -7px;}
*+html legend {margin-left: -7px;}

form div, .buttons {margin: 0 0 0.3em; width:100%; position:relative}

form ul li {list-style-type: none; margin: 0;}
form .inline li, form .inline label {display: inline;}
form .inline li {padding: 0 .75em 0 0;}

form table thead th {padding:0 .5em;}
form td {padding:4px; border:none}

input[type=text],input[type=password]{vertical-align:middle}
input[type=radio], input[type=checkbox],input[type=submit], input[type=button], input[type=reset]  {height:auto; width:auto}
input[type=radio], input[type=checkbox] {background:none; border:none;}

textarea {overflow: auto;display:block;}

input.radio {vertical-align: top;}
input.checkbox {vertical-align: middle;}
* html input.radio, * html input.checkbox {vertical-align: middle;}
*+html input.radio, *+html input.checkbox {vertical-align: middle;}

label, button, input.submit, input.image {cursor: pointer;}

* html button {margin: 0 .34em 0 0;}
*+html button {margin: 0 .34em 0 0;}

form.horizontal div label {display: inline; float: left; text-align:right; padding-right:.34em}

input[type="radio"],input[type="checkbox"] {
	font-size: 1.1em;
	margin: 0.2em;
	vertical-align: middle;
}

input[type="text"],input[type="password"] {
	background: #fff;
	border-color: #d9d9d9 #eaeaea #efefef;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	color: #444;
	font-size: 11px;
	margin-right: 5px;
	-moz-border-radius: 5px;
	padding: 4px 10px;
	-webkit-border-radius: 5px;
	width: 50%;
}

input[type="file"] {padding: 40px 0;}

select {
	background: #fff;
	border-color: #d9d9d9 #eaeaea #efefef;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	color: #444;
	font-size: 11px;
	margin-right: 15px;
	-moz-border-radius: 5px;
	overflow: hidden;
	padding: 6px 10px;
	-webkit-border-radius: 5px;
	width: 50%;
}

select[multiple="multiple"] {height: 5em;}

textarea {
	background: #fff;
	border-color: #d9d9d9 #eaeaea #efefef;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	color: #444;
	font-size: 11px;
	margin-right: 15px;
	-moz-border-radius: 5px;
	padding: 4px 10px;
	-webkit-border-radius: 5px;
}

.label {
    color:#666;
	font-weight: normal;
	padding-right: 1.1em;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	width: 1%;
}

.required,input.required {
	background: #e5edc4;
	border-color: #b8c97b #eaeaea #efefef;
	border-style: solid;
	border-width: 1px;
}

div.autocomplete {
	background-color: #f8f8f8;
	border: 1px solid #999999;
	margin: 0;
	padding: 0;
	position: absolute;
	width: auto !important;
}

div.autocomplete ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.autocomplete ul li.selected {
	background-color: #ffb;
}

div.autocomplete ul li {
	cursor: pointer;
	display: block;
	float: none;
	list-style-type: none;
	margin: 0;
	padding: 2px;
}

.indicator img {
	background: url(/images/ajax-loader.gif) no-repeat 0 0;
	border: none;
	display: block;
	height: 16px;
	margin: 3px 10px 0px 34px;
	width: 16px;
}


/*****************************
BUTTONS
*****************************/
